<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<%@include file="/WEB-INF/jsp/includes/common.jsp" %>
		<%@include file="/WEB-INF/jsp/includes/head.jsp" %>
	</head>
	<body>
		<div id="app-act" class="app-act">
			<jsp:include page="/WEB-INF/jsp/includes/nav.jsp" flush="false">
				<jsp:param value="false" name="activityFlag"/>
				<jsp:param value="false" name="drawFlag"/>
			</jsp:include>
			<!-- begin update -->
			<div id="awardList">
				<div class="mod-wrapper">
					<div class="mod-hd mb10">
						<div class="top-box">
							<img src="${resUrlPrefix }/images/top.jpg" width="770" height="156" />
						</div>
					</div>
					<div class="mod-bd">
						<div class="tab clearfix">
							<ul class="clearfix fl">
								<li><a href="javascript:void(0);" class="tab-item active all">全部奖品</a></li>
								<li><a href="javascript:void(0);" class="tab-item">数码奖品</a></li>
								<li><a href="javascript:void(0);" class="tab-item">周边奖品</a></li>
								<li><a href="javascript:void(0);" class="tab-item">虚拟货币</a></li>
								<li><a href="javascript:void(0);" class="tab-item">其&nbsp;&nbsp;&nbsp;&nbsp; 他</a></li>
							</ul>
						</div>
						<div class="content">
							<div class="award-list">
								<div class="list-item">
									<div class="item-title">
										<h3>数码奖品</h3>
									</div>
									<div class="item-cont clearfix">
										<ul class="clearfix">
										<c:if test="${page1.size()>0}">
												<c:forEach var="award" items="${page1}" varStatus="s1" >
														<c:if test="${s1.count%5 > 0}">
														<li>
															<a href="${postUrlPrefix }draw/toDraw.do?activeId=${award.awardActiveId}" class="hover" title="${award.activeName }">
																<span class="img-wrapper"><img src="${award.image }" style=" width:116px;height:86px"/></span>
																<span class="mt10">【${award.awardName }】${award.activeName }</span>
															</a>
														</li>
														</c:if>
														<c:if test="${s1.count%5 == 0 }">
															<li class="nomr">		
																<a href="${postUrlPrefix }draw/toDraw.do?activeId=${award.awardActiveId}" class="hover">
																	<span class="img-wrapper"><img src="${award.image }" style=" width:116px;height:86px" /></span>
																	<span class="mt10">【${award.awardName }】</span>
																	<span>${award.activeName }</span>
																</a>
															</li>
														</c:if>
														<c:if test="${page1.size() > 5 && s1.count%5 == 0}">
															<i class="line">&nbsp;</i>
														</c:if>
												</c:forEach>
											</c:if>
										</ul>
									</div>
								</div>
								<div class="list-item">
									<div class="item-title">
										<h3>周边奖品</h3>
									</div>
									<div class="item-cont clearfix">
										<ul class="clearfix">
										<c:if test="${page2.size()>0}">
												<c:forEach var="award" items="${page2}" varStatus="s1" >
														<c:if test="${s1.count%5 > 0}">
														<li>
															<a href="${postUrlPrefix }draw/toDraw.do?activeId=${award.awardActiveId}" class="hover">
																<span class="img-wrapper"><img src="${award.image }" style=" width:116px;height:86px"/></span>
																<span class="mt10">【${award.awardName }】</span>
																<span>${award.activeName }</span>
															</a>
														</li>
														</c:if>															
														<c:if test="${s1.count%5 == 0 }">
															<li class="nomr">		
																<a href="${postUrlPrefix }draw/toDraw.do?activeId=${award.awardActiveId}" class="hover">
																	<span class="img-wrapper"><img src="${award.image }" style=" width:110px;height:110px" /></span>
																	<span class="mt10">【${award.awardName }】</span>
																	<span>${award.activeName }</span>
																</a>
															</li>
														</c:if>
														<c:if test="${page2.size() > 5 && s1.count%5 == 0}">
															<i class="line">&nbsp;</i>
														</c:if>
												</c:forEach>
											</c:if>
										</ul>
									</div>
							</div>
							<div class="list-item">
									<div class="item-title">
										<h3>虚拟货币</h3>
									</div>
									<div class="item-cont clearfix">
										<ul class="clearfix">
										<c:if test="${page3.size()>0}">
												<c:forEach var="award" items="${page3}" varStatus="s1" >
														<c:if test="${s1.count%5 > 0}">
														<li>
															<a href="${postUrlPrefix }/raw/toDraw.do?activeId=${award.awardActiveId}" class="hover">
																<span class="img-wrapper"><img src="${award.image }" style=" width:116px;height:86px"/></span>
																<span class="mt10">【${award.awardName }】</span>
																<span>${award.activeName }</span>
															</a>
														</li>
														</c:if>
														<c:if test="${s1.count%5 == 0 }">
															<li class="nomr">
																<a href="${postUrlPrefix }draw/toDraw.do?activeId=${award.awardActiveId}" class="hover">
																	<span class="img-wrapper"><img src="${award.image }" style=" width:116px;height:86px" /></span>
																	<span class="mt10">【${award.awardName }】</span>
																	<span>${award.activeName }</span>
																</a>
															</li>
														</c:if>
														<c:if test="${page3.size() > 5 && s1.count%5 == 0}">
															<i class="line">&nbsp;</i>
														</c:if>
												</c:forEach>
											</c:if>
										</ul>
									</div>
								</div>
								<div class="list-item">
									<div class="item-title">
										<h3>其&nbsp;&nbsp;&nbsp;&nbsp; 他</h3>
									</div>
									<div class="item-cont clearfix">
										<ul class="clearfix">
										<c:if test="${page4.size()>0}">
												<c:forEach var="award" items="${page4}" varStatus="s1" >
														<c:if test="${s1.count%5 > 0}">
														<li>
															<a href="${postUrlPrefix }draw/toDraw.do?activeId=${award.awardActiveId}" class="hover">
																<span class="img-wrapper"><img src="${award.image }" style=" width:116px;height:86px"/></span>
																<span class="mt10">【${award.awardName }】</span>
																<span>${award.activeName }</span>
															</a>
														</li>
														</c:if>
														<c:if test="${s1.count%5 == 0 }">
															<li class="nomr">		
																<a href="${postUrlPrefix }draw/toDraw.do?activeId=${award.awardActiveId}" class="hover">
																	<span class="img-wrapper"><img src="${award.image }" style=" width:116px;height:86px" /></span>
																	<span class="mt10">【${award.awardName }】</span>
																	<span>${award.activeName }</span>
																</a>
															</li>
														</c:if>
														<c:if test="${page4.size() > 5 && s1.count%5 == 0}">
															<i class="line">&nbsp;</i>
														</c:if>
												</c:forEach>
											</c:if>
										</ul>
									</div>
								</div>
								<c:if test="${page1.size()==0 && page2.size()==0 && page3.size()==0 && page4.size() == 0 }">
									<div class="list-item">
										<div class="item-title">
											<h3>提示栏</h3>
										</div>
										<div class="item-cont clearfix pb10 pl10">
											<span class="no-cont">亲，没有奖品，下次再来吧</span>
										</div>
									</div>
								</c:if>
							</div>
						</div>
					</div>
					<!-- award.js -->
					<script type="text/javascript" src="${resUrlPrefix }js/award.js"></script>
				</div>
				<!-- end update -->
			</div>
		</div>
	</body>
</html>

